html,body{width:100%;height:100%;}
.out_box{width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}
.none{display: none;}
.img{display: table-row;margin: 0 auto;width: 100%;}
.dis_ib{display: inline-block;}
.pointer{cursor: pointer;}
.pointer_default{cursor: default!important;}
.break_all{white-space: initial;word-break: break-all;}
.relative{position: relative;}
.overflow_1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.overflow_2{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}
.mt_4{margin-top:4px;}.mt_10{margin-top:10px;}.mt_14{margin-top:14px;}.mt_20{margin-top:20px;}.mt_24{margin-top:24px;}.mt_30{margin-top:30px;}.mt_35{margin-top:35px;}.mt_40{margin-top:40px;}.mt_50{margin-top:50px;}
.mb_4{margin-bottom:4px;}.mb_10{margin-bottom:10px;}.mb_14{margin-bottom:14px;}.mb_20{margin-bottom:20px;}.mt_24{margin-bottom:24px;}.mb_30{margin-bottom:30px;}.mb_40{margin-bottom:40px;}.mb_50{margin-bottom:50px;}
.ml_0{margin-left:0px!important;}.ml_4{margin-left:4px;}.ml_10{margin-left:10px;}.ml_14{margin-left:14px;}.ml_20{margin-left:20px;}.ml_30{margin-left:30px;}.ml_40{margin-left:40px;}.ml_50{margin-left:50px;}
.mr_4{margin-right:4px;}.mr_10{margin-right:10px;}.mr_14{margin-right:14px;}.mr_20{margin-right:20px;}.mr_30{margin-right:30px;}.mr_40{margin-right:40px;}.mr_50{margin-right:50px;}
.pt_4{padding-top:4px;}.pt_10{padding-top:10px;}.pt_14{padding-top:14px;}.pt_20{padding-top:20px;}.pt_24{padding-top:24px;}.pt_30{padding-top:30px;}.pt_34{padding-top:34px;}.pt_40{padding-top:40px;}
.pb_4{padding-bottom:4px;}.pb_10{padding-bottom:10px;}.pb_14{padding-bottom:14px;}.pb_20{padding-bottom:20px;}.pb_24{padding-bottom:24px;}.pb_30{padding-bottom:30px;}.pb_34{padding-bottom:34px;}.pb_40{padding-bottom:40px;}
.pl_4{padding-left:4px;}.pl_10{padding-left:10px;}.pl_14{padding-left:14px;}.pl_20{padding-left:20px;}.pl_24{padding-left:24px;}.pl_30{padding-left:30px;}.pl_34{padding-left:34px;}.pl_40{padding-left:40px;}
.pr_4{padding-right:4px;}.pr_10{padding-right:10px;}.pr_14{padding-right:14px;}.pr_20{padding-right:20px;}.pr_24{padding-right:24px;}.pr_30{padding-right:30px;}.pr_34{padding-top:34px;}.pr_40{padding-top:40px;}
.pd_4{padding:4px;}.pd_10{padding:10px;}.pd_14{padding:14px;}.pd_20{padding:20px;}.pd_24{padding:24px;}.pd_30{padding:30px;}.pd_40{padding:40px;}
.text_l{text-align:left;}.text_r{text-align:right;}.text_c{text-align:center;}
.f_l{float:left;}.f_r{float:right;}
.va_m{vertical-align:middle;}
.bold{font-weight: 700;}
.overflow_scroll{overflow: scroll;-webkit-overflow-scrolling: touch;}
input{border:none;}
input:focus{border:none;}

.absolute_full{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.black_mask{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.load{
    .absolute_full;
    z-index: 4;
    background-color: rgba(0,0,0,0.7);
    >.box{
        .absolute_full;
        width: 100px;
        height: 100px;
        margin: auto;
        >.img{
            margin: auto;
        }
        >.text{
            display: inline-block;
            padding: 4px;
            position: absolute;
            top: 100%;
            right: 0;
            left: 0;
            font-size: 13px;
            text-align: center;
            color: #b7b7b7;
        }
    }
}
input.not_allow::-webkit-outer-spin-button, input.not_allow::-webkit-inner-spin-button{
    -webkit-appearance: none;
}
input.not_allow{
    -moz-appearance: textfield;
}